*{
	padding: 0;
	margin: 0;
}

::-webkit-scrollbar {
    width: 0;
    height: 0;
    color: transparent;
 }

ul,li{
	list-style: none;
}

img{
	width: 100%;
	height: 100%;
}

.IQ-MyHome-app{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	background-color: #FBFEFF;
	height: 19.493333rem;
	overflow-y: scroll;
}

.IQ-MyHome-gradual{
	width: 1.493333rem;
	height: 19.44rem;
	background: url(../img/img_gradual2x.png);
	position: fixed;
	right: 0;
	z-index: 0;
}

.IQ-MyHome-Time{
	height: 0.88rem;
	width: 100%;
}

.IQ-MyHome-Top{
	margin-top: 0.293333rem;
	width: 8.586666rem;
	height: 0.693333rem;
	margin-left: 0.64rem;
	display: flex;
	justify-content: space-between;
	z-index: 1;
}

.IQ-MyHome-Top-left{
	display: flex;
	align-items: center;
	margin-top: 0.053333rem;
	color: #2B2B2B;
	font-size: 16px;
}

.IQ-MyHome-Top-left img{
	margin-left: 0.026666rem;
	width: 0.266666rem;
	height: 0.453333rem;
}

.IQ-MyHome-Top-right{
	width: 2.133333rem;
	height: 0.693333rem;
	display: flex;
	justify-content: space-between;
}

.IQ-MyHome-Top-right div:nth-child(1){
	width: 0.986666rem;
	height: 0.693333rem;
}

.IQ-MyHome-Top-right div:nth-child(2){
	width: 0.72rem;
	height: 0.693333rem;
}

.IQ-MyHome-Navigation{
	margin-top: 3.12rem;
	margin-left: 0.853333rem;
	display: flex;
	z-index: 1;
}

.IQ-MyHome-Navigation-left{
	margin-top: 0.293333rem;
	height: 0.746666rem;
	width: 7.706666rem;
	overflow: auto;
}

.IQ-MyHome-Navigation-left div{
	font-size: 20px;
	color: #959595;
	display: flex;
	justify-content: space-between;
	width: 9.066666rem;
}

.IQ-MyHome-Navigation-left span{
	display: inline-block;
}

.IQ-MyHome-Navigation-left span:first-child{
	color: #2B2B2B;
	font-weight: bold;
}

.IQ-MyHome-Navigation-right{
	width: 1.173333rem;
	height: 1.2rem;
}

.IQ-MyHome-Equipment{
	height: 9.6rem;
	width: 9.493333rem;
	display: flex;
	margin-top: 0.24rem;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
	margin-left: 0.24rem;
}

.IQ-MyHome-Equipment-box{
	width: 4.64rem;
	height: 2.986666rem;
	position: relative;
	background-color: white;
	border-radius: 16px;
}

.IQ-MyHome-Equipment-box-watch{
	position: absolute;
	width: 1.226666rem;
	height: 1.333333rem;
	top: 0.186666rem;
	left: 0.693333rem;
}

.IQ-MyHome-Equipment-box-router{
	position: absolute;
	width: 1.44rem;
	height: 1.36rem;
	top: 0.213333rem;
	left: 0.56rem;
}

.IQ-MyHome-Equipment-box-name{
	position: absolute;
	left: 0.8rem;
	top: 1.706666rem;
	font-size: 12px;
	color: #2B2B2B;
	font-weight: bold;
}

.IQ-MyHome-Equipment-box-room{
	position: absolute;
	left: 0.8rem;
	bottom: 0.4rem;
	font-size: 11px;
	color: #A3A3A3;
	transform: scale(0.91);
}

.IQ-MyHome-Equipment-box-router-name{
	font-weight: bold;
	position: absolute;
	font-size: 12px;
	transform: scale(0.91);
	left: 0.8rem;
	bottom: 0.826666rem;
}

.IQ-MyHome-Equipment-box-camera{
	width: 1.306666rem;
	height: 1.226666rem;
	position: absolute;
	left: 0.666666rem;
	top: 0.24rem;
}

.IQ-MyHome-Equipment-box-camera-name{
	font-size: 12px;
	color: #A3A3A3;
	position: absolute;
	left: 0.8rem;
	bottom: 0.826666rem;
}

.IQ-MyHome-Equipment-box-room-off-line-camera span:nth-child(1){
	font-size: 12px;
	transform: scale(0.91);
	color: #A3A3A3;
	position: absolute;
	bottom: 0.373333rem;
	left: 0.8rem;
}

.IQ-MyHome-Equipment-box-room-off-line-camera span:nth-child(2){
	width: 0.026666rem;
	height: 0.266666rem;
	background-color: #979797;
	position: absolute;
	left: 1.493333rem;
	bottom: 0.426666rem;
}

.IQ-MyHome-Equipment-box-room-off-line-camera span:nth-child(3){
	font-size: 12px;
	transform: scale(0.91);
	color: #FE9E31;
	position: absolute;
	left: 1.626666rem;
	bottom: 0.373333rem;
}

.IQ-MyHome-Equipment-box-robot{
	width: 1.413333rem;
	height: 1.12rem;
	position: absolute;
	top: 0.24rem;
	left: 0.56rem;
}

.IQ-MyHome-Equipment-box-robot-name{
	font-size: 12px;
	transform: scale(0.91);
	color: #A3A3A3;
	position: absolute;
	top: 1.733333rem;
	left: 0.8rem;
}

.IQ-MyHome-Equipment-box-room-off-line-robot span:nth-child(1){
	font-size: 12px;
	transform: scale(0.91);
	color: #A3A3A3;
	position: absolute;
	left: 0.8rem;
	bottom: 0.346666rem;
}

.IQ-MyHome-Equipment-box-room-off-line-robot span:nth-child(2){
	width: 0.026666rem;
	height: 0.266666rem;
	background-color: #979797;
	position: absolute;
	left: 1.52rem;
	bottom: 0.4rem;
}

.IQ-MyHome-Equipment-box-room-off-line-robot span:nth-child(3){
	font-size: 12px;
	transform: scale(0.91);
	color: #FE9E31;
	position: absolute;
	left: 1.653333rem;
	bottom: 0.346666rem;
}

.IQ-MyHome-Equipment-box-sound{
	width: 1.2rem;
	height: 1.333333rem;
	position: absolute;
	left: 0.613333rem;
	top: 0.16rem;
}

.IQ-MyHome-Equipment-box-name-sound{
	font-size: 12px;
	color: #474747;
	font-weight: bold;
	position: absolute;
	left: 0.8rem;
	bottom: 0.826666rem;
}

.IQ-MyHome-Equipment-box-room-sound{
	font-size: 12px;
	transform: scale(0.91);
	color: #A3A3A3;
	position: absolute;
	left: 0.8rem;
	bottom: 0.346666rem;
}

.IQ-MyHome-Equipment-box-projector{
	width: 1.493333rem;
	height: 0.853333rem;
	position: absolute;
	top: 0.426666rem;
	left: 0.506666rem;
}

.IQ-MyHome-Equipment-box-name-projector{
	font-size: 12px;
	transform: scale(0.91);
	color: #ACACAC;
	position: absolute;
	top: 1.733333rem;
	left: 0.693333rem;
}

.IQ-MyHome-Equipment-box-room-projector{
	font-size: 12px;
	transform: scale(0.91);
	color: #A3A3A3;
	position: absolute;
	left: 0.693333rem;
	bottom: 0.346666rem;
}

.IQ-MyHome-ScanCode{
	margin-top: 0.586666rem;
	margin-left: 0.24rem;
	padding-left: 3.92rem;
	padding-right: 4.08rem;
}

.IQ-MyHome-ScanCode-img{
	width: 1.493333rem;
	height: 1.76rem;
}

.IQ-MyHome-ScanCode-Text{
	/* padding-left: 3.2rem;
	padding-right: 3.173333rem; */
	width: 100%;
	text-align: center;
	font-size: 13px;
	color: #A3A5A8;
}

.IQ-switch{
	height: 2.16rem;
	position: fixed;
	bottom: 0px;
	width: 100%;
	background-color: white;
	display: flex;
	justify-content: space-around;
	font-size: 0px;
}

.IQ-bottom{
	left: 3.093333rem;
	background-color: black;
	width: 3.573333rem;
	height: .133333rem;
	border-radius: 100px;
	position: fixed;
	bottom: .213333rem;
}

.IQ-switch-Myhome,.IQ-switch-scene,.IQ-switch-tasteful,.IQ-switch-mine{
	margin-top: .133333rem;
	display: flex;
	width: .96rem;
	height: 1.12rem;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: space-between;
}

.IQ-switch-Myhome div{
	width: .586667rem;
	height: .586667rem;
}

.IQ-switch-Myhome span{
	font-size: 12px;
	transform: scale(0.91);
	color: #56A894;
}

.IQ-switch-scene div{
	width: .586667rem;
	height: .586667rem;
}

.IQ-switch-scene span{
	font-size: 12px;
	transform: scale(0.91);
	color: #5C5E5E;
}

.IQ-switch-tasteful div{
	width: .586667rem;
	height: .586667rem;
}

.IQ-switch-tasteful span{
	font-size: 12px;
	transform: scale(0.91);
	color: #5C5E5E;
}

.IQ-switch-mine div{
	width: .586667rem;
	height: .586667rem;
}

.IQ-switch-mine span{
	font-size: 12px;
	transform: scale(0.91);
	color: #5C5E5E;
}